<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viweport" content="width=device-wdith, initail-scale=1.0, maxinum-scale=1.0, mininum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="./css/login.min.css">
    <link rel="shortcut icon" href="bitbug_favicon.ico" />
    <title>登录页</title>
</head>
<body>
    <!-- 最外层容器 -->
    <div class="container">

        <div class="toptitle">
            <h3>登录注册</h3>
        </div>
        <!-- 页面顶部标题 -->
        <div class="login">

            <div class="page-logo">
                <img src="./images/logo.png" alt="订花乐LOGO">
            </div>
            <!-- 页面logo -->

            <form action="">

                <div class="telphone-num">
                    <label>手机号</label>
                    <input type="text" placeholder="请输入手机号">
                </div>
                <!-- 手机号码输入 -->

                <div class="verification-code">
                    <label>验证码</label>
                    <div>
                        <input type="text" placeholder="请输入验证码" class="code">
                        <button>获取验证码</button>
                    </div>
                </div>
                <!-- 验证码输入 -->

                <div class="submit-btn">
                    <input type="submit" value="验证码登录/注册">
                </div>
                <!-- 提交注册信息 -->

                <div class="other-login-methods">
                    <a href="" class="password-login">密码登录</a>
                    <div class="other-select">
                        <span>第三方登录</span>
                        <div class="other">
                            <a href="">QQ</a>
                            <a href="">微信</a>
                        </div>
                    </div>
                </div>
                <!-- 其它登陆方式 -->

            </form>
            <!-- 输入表单 -->

        </div>
        <!-- 登录页logo和表单 -->

    </div>
    <!-- 页面结束 -->
</body>
</html>